<!DOCTYPE html>
<html>
 <head>
 <title>Debug - jQuery Mobile</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
 <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
 
<div data-role="page" id="page-01">
 
 <div data-role="header">
TITLE
 </div><!-- /header -->
 
 <div data-role="content">
 <p>
	<ul data-role="listview" data-inset="true">
		<li>
			<a href="#">
			<img src="http://want-car.chinatimes.com/userfiles/image/Ferrai/20101230%20458%20Italia/100128car.jpg" />
			<h1>Broken Bells</h1>
			<p>【51CTO独家译文】经常浏览Developer.com的读者也许注意到了这点：我最近特别关注JavaScript驱动的移动应用开发解决方案，先后撰文介绍了众多的相关话题，包括jQuery Mobile、jQTouch、Sencha Touch和PhoneGap。</p>
			<span class="ui-li-count">9999</span>
			</a>
			<ol data-role="listview">
				<li><a href="#"  data-rel="back"><img src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/20080718/1216396631.jpg" />Broken Bells</a></li>
				<li><a href="#"><img src="http://www.crownfancy.com/images/IcedPeachOolongTea_003.jpg" />MegaWidgets</a></li>
				<li><a href="#"><img src="http://2.bp.blogspot.com/_80760aDrYSA/SaH44joIeFI/AAAAAAAADpE/ZKSAcvH7OvI/s400/green-tea-ice-cream-3.jpg" />WonderWidgets</a></li>
			</ol>
		</li>
		<li>
			<a href="#page-02">
			<img src="http://biketrial.tw/images/forum/2011/2008_mclaren_f1_car.jpg" />
			<h3>每個的一開始加上一個圖片</h3>
			<p>MegaWidgets</p>
			</a>
		</li>
		<li>
			<a href="#"><img src="http://carsmedia.ign.com/cars/image/article/842/842880/auto-salon-aussie-car-of-the-month-20071220041942863-000.jpg" />WonderWidgets</a>
			<a href="#" data-icon="gear" onclick="javascript:console.log('12345');"></a>
		</li>
	</ul>
 </p>
 </div><!-- /content -->
 
 <div data-role="footer">
	<div data-role="navbar">
		<ul>
			<li><a href="ooxx" data-icon="grid" data-iconpos="top">Summary</a></li>
			<li><a href="#" data-icon="star" data-iconpos="top">Favs</a></li>
			<li><a href="#" data-icon="gear" data-iconpos="top">Setup</a></li>
		</ul>
	</div><!-- /navbar -->
 </div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" id="page-02">
	<div data-role="content">   
		<p>jQuery Mobile Hello world!</p>
		<a href="#" data-rel="back">Back to page 1</a>
	</div><!-- /content -->
</div>
 
</body>
</html>